.rd-rate{
	list-style-type: none;
	font-family: @font-family;
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	font-style: normal;
	font-weight: 400;
	vertical-align: middle;
	margin: 5px;
	line-height: 1.5;
	
	&.rd-rate-disabled{
		
		.rd-rate-star{
			cursor: default;

			&:hover{
				transform:scale(1);
			}
		}
	}

	.rd-rate-star{
		display: inline-block;
		margin-right: 8px;
		cursor: pointer;
		position: relative;
		transition: all .3s ease;

		&:before{
			content: "\f005";
			color: @rate-color;
		}
		
		&:hover{
			transform:scale(1.1);
			&.rd-rate-star-full{
				.star-full(@rate-color-hover);
			}
			
			&.rd-rate-star-half{
				.star-half(@rate-color-hover);
			}
		}

		.rd-rate-star-content{
			position: absolute;
			left: 0;
			top:0;
			width: 50%;
			height: 100%;
			overflow: hidden;

			&:before{
				content: "\f005";
				color: @rate-color;
			}
		}

		.star-full(@color: @rate-color-selected){
			&:before{
				color: @color;
			}
			.rd-rate-star-content{
				&:before{
					color: @color;
				}
			}
		}

		.star-half(@color: @rate-color-selected){
			.rd-rate-star-content{
				&:before{
					color: @color;
				}
			}
		}

		&.rd-rate-star-full{
			.star-full();
		}

		&.rd-rate-star-half{
			.star-half();
		}
	}
}